@import "_ghcommon";
*{
    margin: 0;
    padding: 0;
}
body{
    width: r(640px);
}
header{
    background: #f7f7f7;
    height: r(87px);
    line-height: r(87px);
    width: 100%;
    font-size: 0;
    border-bottom: r(1px) solid #c1c1c1;
    a{
        display: inline-block;
        margin-left: r(20px);
        font-size: r(30px);
        color: #999999;
        outline: none;
        text-decoration: none;
    }
    h2{
        display: inline-block;
        font-size: r(35px);
        padding-left: r(205px);
        color: #333333;
    }
}
section{
    .mask{
        position: fixed;
        display: none;
        top: 30%;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(0,0,0,.7);
        width: r(249px);
        height: r(183px);
        text-align: center;
        line-height: r(183px);
        border-radius: r(20px);
        font-size: r(28px);
        color: white;
    }
    .phone{
        margin: r(30px) r(30px);
        width: r(578px);
        height: r(83px);
        border: r(1px) solid #dfdfdd;
        line-height: r(83px);
        font-size: 0;
        span{
            font-size: r(28px);
            padding-left: r(16px);
        }
        input[type="text"]{
            margin-left: r(17px);
            padding-left: r(5px);
            width: r(400px);
            height: r(50px);
            font-size: r(26px);
            border: none;
        }
    }
    .bigyzm{
        margin: r(30px) r(30px);
        font-size: 0;
        .yzm{
            display: inline-block;
            width: r(343px);
            height: r(83px);
            line-height: r(83px);
            border: r(1px) solid #dfdfdd;
            span{
                font-size: r(28px);
                padding-left: r(16px);
            }
            input[type="text"]{
                padding-left: r(5px);
                margin-left: r(16px);
                width: r(200px);
                height: r(50px);
                font-size: r(26px);
                border: none;
            }
        }
        .hqyzm{
            display: inline-block;
            margin-left: r(30px);
            width: r(201px);
            height: r(83px);
            line-height: r(83px);
            text-align: center;
            border: r(1px) solid #dfdfdd;
            span{
                display: block;
                width: 100%;
                height: 100%;
                font-size: r(28px);
            }
        }
    }
    .biguser{
        width: r(578px);
        height: r(252px);
        margin: 0 r(30px);
        border: r(1px) solid #dfdfdd;
        .userName,.password,.qrpassword{
            height: r(83px);
            line-height: r(83px);
            width: 100%;
            font-size: 0;
            span{
                font-size: r(28px);
                padding-left: r(16px);
            }
            input[type="text"]{
                padding-left: r(5px);
                margin-left: r(17px);
                width: r(400px);
                height: r(50px);
                font-size: r(26px);
                border: none;
            }
            input[type="password"]{
                margin-left: r(17px);
                padding-left: r(5px);
                width: r(400px);
                height: r(50px);
                font-size: r(26px);
                border: none;
            }
        }
        .xian3{
            width: 100%;
            height: r(1px);
            background: #dfdfdd;
        }
    }
    .ckbox{
        margin-top: r(32px);
        margin-left: r(30px);
        font-size: 0;
        input[type="checkbox"]{
            width: r(28px);
            height: r(28px);
        }
        span{
            vertical-align: r(5px);
            padding-left: r(10px);
            font-size: r(24px);
            a{
                color: red;
                text-decoration: none;
            }
        }
    }
    input[type="submit"]{
        display: block;
        margin-left: r(30px);
        margin-top: r(65px);
        width: r(578px);
        height: r(85px);
        background: #d62d31;
        border: none;
        border-radius: r(8px);
        color: white;
        font-size: r(32px);
        letter-spacing: r(5px);
    }
}
